.title{
  display: flex;
  white-space: nowrap;
  background: #ffffff;
  height: 220rpx;   
  scroll-view ::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
    display: none;
  }
  .productType{
    padding: 0rpx;
    margin: 0rpx;
    display: flex;
    white-space: nowrap;
    .item{
      background-color: linear-gradient(to left, #22CD66, #ffffff);
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      align-items: center;
      padding: 10rpx;
      line-height: 40rpx;
      .typeName{
        margin-top: 10rpx;
        text-align: center;
        padding: 2rpx 10rpx;
        border-radius: 20rpx;
        color: #575E59;
        font-weight: 700;
        background-color: #F7F8FA;
      }
      .active {
        background-color: #2BC87E;
        color: #ffffff;
      }
    }
    .active2 {
      border-radius: 30rpx;
      border: 3px solid #23CD66
    }
    margin-bottom: 0rpx;
  }

}